<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="../../js/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="../../js/raphael/jquery.raphael.js"></script>
    <script type="text/javascript">
        //        function sayColor(sPrefix,sSuffix) {
        //            alert(sPrefix + this.color + sSuffix);
        //        };
        //
        //        var obj = new Object();
        //        obj.color = "blue";
        //
        //        sayColor.call(obj, "The color is ", "a very nice color indeed.");

        function show(){
            // Creates canvas 320 * 200 at 10, 50
            var paper = $("#bar").draw();

            paper.canvas.extend(paper.canvas , {
                rname: "go"
            })

            alert(paper.rname);

            // Creates circle at x = 50, y = 40, with radius 10
//            var text = paper.path("M20 0L20 180L300 180M40 0V40 180");
            // Sets the fill attribute of the circle to red (#f00)
//            circle.attr("fill", "#f00");

            // Sets the stroke attribute of the circle to white
//            circle.attr("stroke", "#fff");
        }
    </script>

</head>
<body>
<input type="button" value="show" onclick="show();"/>
<div id="bar">

</div>
</body>
</html>